*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
	background: none;
	border: none;
}
body{
	background: #F5F8FA;
}

.container{
	width: 65%;                    
	margin: 0 auto;
}

/*导航*/
nav{
	width: 100%;
	background: #3297D1;
}
nav ul{
	display: flex;
	flex-wrap: nowrap;
}
nav ul li img{
	width: 70px;
	height: 20px;
}
nav ul li{
	padding-bottom: 10px;
	padding-top: 10px;
	margin-right: 20px;
}
nav ul li a{
	color: #D4E3E8;
}
nav ul li a:hover{
	color: #FFFFF8;
}
/*主体*/
main{
	padding-top: 25px;
	padding-bottom: 80px;
	border-bottom: 1px solid #E0E1E2;
	margin-bottom: 50px;
}
main .container{
	display: flex;
}
.main_left,.main_right{
	width: 25%;
}
.main_between{
	width: 50%;
	background: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #DBE5ED;
	border-radius: 3px;
}
.left_top{
	padding-right: 10px;
}
.top{
	position: relative;
	background: #FFFFFF;
	border: 1px solid #DBE5ED;
	margin-bottom: 25px;
	border-radius: 3px;
}
.top img:first-child{
	width: 100%;
	height: 125px;
	margin-bottom: 50px;
}
.top img:nth-child(2){
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	top: 70px;
	left: 28%;
	border: 5px solid #FFFFFF;
}
.top h4{
	color: #1E3C4A;
	text-align: center;
	padding-bottom: 7px;
}
.top p{
	color: #575E5E;
	text-align: center;
	padding-bottom: 25px;
	margin-left: 5px;
    margin-right: 6px;
}
.center,.bottom{
	padding: 15px;
	background: #FFFFFF;
	border: 1px solid #DBE5ED;
	margin-bottom: 15px;
	border-radius: 3px;
}
.center h4{
	padding-bottom: 15px;
	color: #000000;
}
.center p{
	font-size: 13px;
	color: #6B6969;
	padding-bottom: 10px;
}
.center p a{
	color: #5EA0D7;
}
.bottom{
	overflow: hidden;
}
.bottom h4{
	color: #000000;
	padding-bottom: 10px;
}
.bottom ul{
	overflow: hidden;
}
.bottom ul li{
	float: left;
	width: 46%;
	height:90px;
	margin-right: 7px;
	margin-bottom: 10px;
}
.bottom ul li a img{
	width: 100%;
	height: 100%;
}

.between_top{
	padding: 15px;
}
.between_top p{
	padding-bottom: 10px;
}
.between_top p span{
	color: #2F2C28;
}
.between_top time{
	float: right;
	color: #B2B6BA;
}
.between_top p{ 
	color: #7039601;
	padding-bottom: 15px;
}
.between_top ul{
	padding-bottom: 30px;
}
.between_top ul li{
	float: left;
}
.between_top li a img{
	width: 219px;
	height: 219px;
	margin: 7px;
}
.main_between hr{
	border: 1px solid #DDE7EE;
}
.between_bottom img{
	width: 100%;
}
.main_right{
	margin-left: 10px;
}
.right_top{
	padding: 15px;
	background: #FFFFFF;
	border: 1px solid #DCE7EE;
	border-radius: 3px;
	margin-bottom: 20px;
}
.right_top h4,.right_center h4{
	color: #2F2C28;
	padding-bottom: 10px;
}
.right_top img{
	width: 100%;
	margin-bottom: 15px;
}
.right_top h5{
	color: #2F2C28;
	font-size: 14px;
	padding-bottom: 5px;
}
.right_top p{
	font-size: 14px;
	color: #000000;
	margin-bottom: 15px;
}
.right_top a button{
	padding: 5px 10px;
	border: 2px solid #70AFD3;
	color: #568EC0;
	border-radius: 3px;
	margin-bottom:5px;
}
.right_center{
	background: #FFFFFF;
	padding: 15px;
	border: 1px solid #DCE7EE;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.right_one{
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 30px;
}
.right_one img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.one{
	padding-left: 10px;
}
.one h4{
	font-size: 14px;
}
.one h4 span{
	font-weight: 100;
}
.one a{
	color: #0076B4;
	padding: 5px 10px;
	width: 60px;
	border-radius: 3px;
	border: 1px solid #0076B4;
}
.one a i{
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(../img/2019-04-20_103411.png);
	
}
.right_bottom{
	padding: 15px 10px;
	border: 1px solid #DCE7EE;
	border-top: none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.right_bottom p{
	font-size: 14px;
}
/*页脚*/
footer{
	text-align: center;
}
footer p{
	margin-bottom: 15px;
}
footer p span a{
	color: #69ABD9;
}
footer p:last-child a{
	margin-right: 20px;
	color: #69ABD9;
}





@media (max-width:600px) {
	.container{
		width: 95%;
	}
    nav ul{
        margin-left: 0px;
    }
	nav ul li img{
		display: none;
	}
	.main_left,.main_between,.main_right{
		width: 100%;
	}
	nav{
		text-align: center;
	}
	main{
		padding: 15px;
	}
	.left_top{
		padding-right: 0;
	}
	.top img:nth-child(2){
		left: 40%;
	}
	.bottom ul li{
		width: 47%;
		height: 120px;
    }
	.main_between{
		margin-bottom: 20px;
		margin-right: 0px;
	}
	.main_between p{
		font-size: 14px;
	}
	main .container{
		display: block;
	}
	.main_between{
		margin-left: 0px;
	}
	.between_top li a img{
		width:97%;
	}
	.main_right{
		margin-left: 0px;
	}
}